<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <%@ include file="main/main_css.jsp" %>
    <%@ include file="main/main_js.jsp" %>
    
    <title>主页</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
  </head>
  
  <body>
    <!--  -->
    <div class="all-wrapper new-style">
        <div class="row com-header text-center">
            <span>鹰 &nbsp; &nbsp;潭 &nbsp; &nbsp; 市 &nbsp; &nbsp; 行 &nbsp; &nbsp; 政 &nbsp; &nbsp; 服  &nbsp; &nbsp;务  &nbsp; &nbsp;中 &nbsp; &nbsp; 心</span>
        </div>
        <div class="row main-content">
            <div class="tit-wp">
                <span class="title cn">
                欢迎使用智能服务自助系统
                </span>
                <span class="title en">
                    welcome to Intelligent Service system
                </span>
            </div>
            <div class="main-panel m hidden">
               <div class="row">
                   <div class="col-md-6">
                       <a class="index-panel blue-panel" href="/smartTerminal/getoritems?type=2">
                           <div class="top">
                                <div class="image-wrapper">
                                    <img src="static/image/index/index_icon_blue.png" alt="">
                                </div>
                           </div>
                           <div class="bottom">
                                <span class="cn">个人办事</span>
                                <span class="en">Personal affairs</span>
                           </div>
                        </a>
                   </div>
                   <div class="col-md-6">
                       <a class="index-panel yellow-panel" href="MyBussinessController/queryBussiness">
                           <div class="top">
                                <div class="image-wrapper">
                                    <img src="static/image/index/index_icon_yellow.png" alt="">
                                </div>
                           </div>
                           <div class="bottom">
                                <span class="cn">办件进度查询</span>
                                <span class="en">Work schedule inquiry</span>
                           </div>
                        </a>
                   </div>
                   <div class="col-md-6">
                       <a class="index-panel green-panel" href="/smartTerminal/getoritemss?type=2">
                           <div class="top">
                                <div class="image-wrapper">
                                    <img src="static/image/index/index_icon_green.png" alt="">
                                </div>
                           </div>
                           <div class="bottom">
                                <span class="cn">事项查询</span>
                                <span class="en">Item query</span>
                           </div>
                        </a>
                   </div>
                   <div class="col-md-6">
                        <a class="index-panel orange-panel" href="/smartTerminal/getOneItemList?currentpage=1&amp;pagesize=3">
                            <div class="top">
                                <div class="image-wrapper">
                                    <img src="static/image/index/index_icon_orange.png" alt="">
                                </div>
                            </div>
                            <div class="bottom">
                                <span class="cn">第一批事项</span>
                                <span class="en">First item</span>
                            </div>
                            </a>
                    </div>
               </div>
            </div>
            <div class="main-panel swiper">
                 <!-- swiper -->

                <div id="banner">     
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide rightDownBig">
                                <img src="static/image/index/city2.jpg" />
                                <div class="detail hidden">
                                    <h3>1</h3>
                                    <p><span></span></p>
                                </div>
                            </div>
                            <div class="swiper-slide hidden">
                                <img src="static/image/index/timg.jpg" />
                                    <div class="detail hidden">
                                        <h3>2</h3>
                                        <p><span></span></p>
                                    </div>
                            </div>
                           
                        </div>
                    </div>
                    <div class="swiper-pagination hidden"></div>
                </div>
         
            <!-- swiper -->
            </div>
        </div>
        <div class="row footer">
            <span>服务热线：4208208820</span>
            <div class="pull-right">
                <span class="md">主办单位：鹰潭市信息办</span>
                <span class="md">技术支持：深圳市广通软件有限公司</span>
            </div>
        </div>
    </div>
  </body>
  <script src="static/js/common.js" type="text/javascript"></script>
   <script>
    trList=['leftUp','moveRight','moveDown','centerBig','rightDownBig'];
    var swiper = new Swiper('.swiper-container',{
        speed:500,
        autoplay:4400,
        autoplayDisableOnInteraction:false,
        effect:'fade',
        pagination : '.swiper-pagination',
        paginationClickable :true,
        onSlideChangeStart: function(swiper){
            nextSlide=swiper.slides.eq(swiper.activeIndex);
            nextSlide.addClass(trList[Math.floor(Math.random()*5)]);
           },
        onSlideChangeEnd: function(swiper){
            prevSlide=swiper.slides[swiper.previousIndex];
            prevSlide.className="swiper-slide";
           },
        }); 
    $('.main-panel.swiper').on('mousedown',function(){
    	$(this).addClass('hidden');
    	$('.main-panel.m').removeClass('hidden');
    });
    </script>
</html>